
.goods-type{
    margin-top: 20rpx;
    padding: 10rpx 30rpx;
    font-size: 24rpx;
}
.goods-type-active{
    background: linear-gradient( 92deg, #9AE3C9 0%, #91CFDC 100%);
    border-radius: 200rpx 200rpx 200rpx 200rpx;
    color:#FFFFFF
}
.search-container {
    background: linear-gradient( 90deg, #E1F8F8 0%, #D0F8F6 100%);
    padding: 20rpx;
  }
  .search-input-box{
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 200rpx 200rpx 200rpx 200rpx;
  }
  .search-input {
    padding: 18rpx 30rpx 18rpx 20rpx;
    flex-grow: 1;
  }
  .search-button {
    margin-right: 20rpx;
    padding: 10rpx 36rpx;
    height: 56rpx;
    background: linear-gradient( 79deg, #9AE3C9 0%, #91CFDC 100%);
    border-radius: 200rpx 200rpx 200rpx 200rpx;
    text-align: center;
    color: #FFFFFF;
  }
  .search-icon {
    margin-left: 20rpx;
      color: #999999;
  }
  .scrollarea{
      padding: 30rpx;
      box-sizing: border-box;
      .list-box{
           display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
      }
      .list-item{
        width: 48%;
        background-color: #FFFFFF;
        margin-bottom: 20rpx;
        border-radius: 20rpx;
      }
      .item-img{
          width: 100%;
          height: 300rpx;
          border-radius: 20rpx;
      }
      .item-detail{
          padding: 20rpx;
      }
      .detail-price{
        margin-top: 20rpx;
        color: #FF3130;
      }
  }
